<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>URBAN TORCH</title>
<link rel="stylesheet" type="text/css" href="styles\main.css" />
<style type="text/css"></style>
</head>
<body>
<script type="text/javascript" src="scripts/main.js"></script>  
<div class="header">
 <img alt="URBAN TORCH" src="resources/images/ut-logo-small.jpg" style="margin-left: 10px;">
 <a href="#null" onclick="toTop()">Top</a> 
 <a href="#null" onmousedown="scrollDivUp()">Scroll Up</a>
 <a href="#null" onmousedown="scrollDivDown()">ScrollDown</a> 
 <a href="#null" onclick="toBottom()">Bottom</a> 
</div>
<div id="main">
 <div id="nxtStorySec" onclick="scrollDivDown()">Next Story</div>
 <div id="prevStorySec" onclick="scrollDivUp()">Previous Story</div>
 <div id="contentArea">
 	<div id="news0" class="contentAreaRow" style="margin-top: 0px;"> 		
		 <div class="contentAreaColumn" style="background-color: red; margin-left: 0px;">1</div>
		 <div class="contentAreaColumn" style="background-color: blue; margin-left: 360px;">1</div>
		 <div class="contentAreaColumn" style="background-color: lime; margin-left: 720px;">1</div>
		 <div class="contentAreaColumn" style="background-color: maroon; margin-left: 1080px;">1</div>
		 <div class="contentAreaColumn" style="background-color: purple; margin-left: 1440px;">1</div>
	 </div>

 	<div id="news1" class="contentAreaRow" style="margin-top: 480px;"> 
		 <div class="contentAreaColumn" style="background-color: red; margin-left: 0px;">2</div>
		 <div class="contentAreaColumn" style="background-color: blue; margin-left: 360px;">2</div>
		 <div class="contentAreaColumn" style="background-color: lime; margin-left: 720px;">2</div>
		 <div class="contentAreaColumn" style="background-color: maroon; margin-left: 1080px;">2</div>
		 <div class="contentAreaColumn" style="background-color: purple; margin-left: 1440px;">2</div>
	 </div>

 	<div id="news2" class="contentAreaRow" style="margin-top: 960px;"> 
		 <div class="contentAreaColumn" style="background-color: red; margin-left: 0px;">3</div>
		 <div class="contentAreaColumn" style="background-color: blue; margin-left: 360px;">3</div>
		 <div class="contentAreaColumn" style="background-color: lime; margin-left: 720px;">3</div>
		 <div class="contentAreaColumn" style="background-color: maroon; margin-left: 1080px;">3</div>
		 <div class="contentAreaColumn" style="background-color: purple; margin-left: 1440px;">3</div>
	 </div>

 	<div id="news3" class="contentAreaRow" style="margin-top: 1440px;"> 
		 <div class="contentAreaColumn" style="background-color: red; margin-left: 0px;">4</div>
		 <div class="contentAreaColumn" style="background-color: blue; margin-left: 360px;">4</div>
		 <div class="contentAreaColumn" style="background-color: lime; margin-left: 720px;">4</div>
		 <div class="contentAreaColumn" style="background-color: maroon; margin-left: 1080px;">4</div>
		 <div class="contentAreaColumn" style="background-color: purple; margin-left: 1440px;">4</div>
	 </div>

 	<div id="news4" class="contentAreaRow" style="margin-top: 1920px;"> 
		 <div class="contentAreaColumn" style="background-color: red; margin-left: 0px;">5</div>
		 <div class="contentAreaColumn" style="background-color: blue; margin-left: 360px;">5</div>
		 <div class="contentAreaColumn" style="background-color: lime; margin-left: 720px;">5</div>
		 <div class="contentAreaColumn" style="background-color: maroon; margin-left: 1080px;">5</div>
		 <div class="contentAreaColumn" style="background-color: purple; margin-left: 1440px;">5</div>
	 </div>

 </div>
</div>
<div id="mousePos">0,0</div>
<div class="footer">
<table width="100%" border="0px"><tr>
	<td></td>
	<td align="right"> 
	All Rights Reserved.<br/>
 	idream.create
	</td>	
</tr></table>
</div>
<script type="text/javascript">
 <!--
 init();
 // -->
</script> 
</body>
</html>